<!doctype html>
<html lang="{idioma_js}">
    <head>
        <title>CMS 2.0+ | {titulo} | Link Nacional</title>
        {include_header_view}
        <script>
            $(window).load(function(){
                $('#from_cad_produtos').wl_Form({
                    dataType: 'json',
                    onSuccess: function (data) {
                        if(data.cod == 999){
                            //$.wl_Alert(data.msg,'success','#content');
                            $.msg(data.msg,{header:data.header,live:10000});
                            $('#from_cad_produtos #id').val(data.id);
                        } else {
                            //$.wl_Alert(data.msg,'warning','#content');
                            $.msg(data.msg,{header:data.header,live:10000});
                            $('#from_cad_produtos').color_campos_form({
                                campos:data.campos
                            });
                        }
                    }
                });
                
                $('.moeda').maskMoney();
                $('.peso').maskMoney({precision:3});
                
            });    
        </script>
        <script type="text/javascript">
            // DEFINIÇÕES DE UPLOAD
           
            var url_upload = '{base_cms}{imagens_imagem_gravar}';
            var allowedExtensions =  ['png','jpeg', 'gif', 'jpg'];
            var autoUpload = true;
            var maxNumberOfFiles = 1;
            var multiple = false;
            var paramName = 'imagens'; // nome campo file
            
        </script>

        <style>
            #tabs-4 ul{
                list-style-type: none;
                margin: 0;
                padding: 0;
            }
            #tabs-4 ul li{
                display: inline-block;
            }
        </style>
    </head>
    <body>

        {include_body_header_view}
        {include_body_menu_left_view}

        <section id="content">
            <div class="g12">

                <h1>{titulo} <span><a href="{base_cms}{link_listar_produtos}" title="Listar Produtos" class="small">{lang_title_lista_produtos}</a></span></h1>

                <p>{descricao_tela}</p>

                <form id="from_cad_produtos" name="from_cad_produtos" action="{base_cms}{action_produtos_gravar}" method="post" autocomplete="off">


                    <div class="tab">
                        <ul>
                            <li><a href="#tabs-1">{lang_tabs_produto}</a></li>
                            <li><a href="#tabs-2">{lang_tabs_detalhes}</a></li>
                            <li><a href="#tabs-3">{lang_tabs_opcional}</a></li>
                            <li><a href="#tabs-4">{lang_tabs_fotos}</a></li>
                        </ul>

                        <div id="tabs-1">

                            <input type="hidden" value="{id}" name="id" id="id" />
                            <fieldset>
                                <label>{title_acao}</label>
                                <section>
                                    <label for="status">{lang_title_status}</label>
                                    <div>
                                        {status}
                                    </div>
                                </section>
                                <section>
                                    <label for="categoria_id">{lang_title_categoria_id}</label>
                                    <div>
                                        {categoria_id}
                                    </div>
                                </section>
                                <section>
                                    <label for="produtos_marca_id">{lang_title_produtos_marca_id}</label>
                                    <div>
                                        {produtos_marca_id}
                                    </div>
                                </section>
                                <section>
                                    <label for="destacar">{lang_title_destacar}</label>
                                    <div>
                                        {destacar}
                                    </div>
                                </section>
                                <section>
                                    <label for="codigo_referencia">{lang_title_codigo_referencia}</label>
                                    <div>
                                        <input title="{lang_title_codigo_referencia}" type="text" value="{codigo_referencia}" name="codigo_referencia" id="codigo_referencia" required="required" />
                                    </div>
                                </section>
                                <section>
                                    <label for="preco_custo">{lang_title_preco_custo}</label>
                                    <div>
                                        <input title="{lang_title_preco_custo}" type="text" value="{preco_custo}" name="preco_custo" id="preco_custo" required="required" class="moeda" />
                                    </div>
                                </section>
                                <section>
                                    <label for="max_parcelas">{lang_title_max_parcelas}</label>
                                    <div>
                                        <input title="{lang_title_max_parcelas}" type="text" value="{max_parcelas}" name="max_parcelas" id="max_parcelas" required="required" data-regex="^[0-9 ]+$" />
                                    </div>
                                </section>
                                <section>
                                    <label for="prazo_entrega">{lang_title_prazo_entrega}</label>
                                    <div>
                                        <input title="{lang_title_prazo_entrega}" type="text" value="{prazo_entrega}" name="prazo_entrega" id="prazo_entrega" required="required" data-regex="^[0-9 ]+$" />
                                    </div>
                                </section>
                                <section>
                                    <label for="peso">{lang_title_peso}</label>
                                    <div>
                                        <input title="{lang_title_peso}" type="text" value="{peso}" name="peso" id="peso" required="required" class="peso" />
                                    </div>
                                </section>


                            </fieldset>

                        </div>

                        <div id="tabs-2">
                            <fieldset>
                                <label>{title_acao}</label>
                                <div class="accordion">
                                    {detalhes_idiomas}
                                    <h4><a href="#">{idioma}</a></h4>
                                    <div>
                                        <p>
                                        <section>
                                            <label for="titulo_{idiomas_id}">{lang_title_titulo}</label>
                                            <div>
                                                <input title="{lang_title_titulo}" type="text" value="{titulo_idioma}" name="detalhes[{idiomas_id}][titulo]" id="titulo_{idiomas_id}" required="required" />
                                            </div>
                                        </section>
                                        <section>
                                            <label for="resumo_{idiomas_id}">{lang_title_resumo}</label>
                                            <div>
                                                <input title="{lang_title_resumo}" type="text" value="{resumo_idioma}" name="detalhes[{idiomas_id}][resumo]" id="resumo_{idiomas_id}" />
                                            </div>
                                        </section>
                                        <section>
                                            <label for="descricao_{idiomas_id}">{lang_title_descricao}</label>
                                            <div>
                                                <textarea title="{lang_title_descricao}" name="detalhes[{idiomas_id}][descricao]" id="descricao_{idiomas_id}">{descricao_idioma}</textarea>
                                            </div>
                                        </section>
                                        </p>
                                    </div>
                                    {/detalhes_idiomas}
                                </div>

                            </fieldset>
                        </div>

                        <div id="tabs-3">
                            <label>{title_acao}</label>
                            <div class="tab">
                                <ul>
                                    {opcional_tab}
                                    <li><a href="#tabs-opcional_{id_ul_tab}">{nome}</a></li>
                                    {/opcional_tab}
                                </ul>

                                {opcional}


                                <div id="tabs-opcional_{id_tab}">
                                    <fieldset>


                                        {opcionais}
                                        <section>
                                            <!--input type="hidden" value="{opcional_id}" name="opcional[{idiomas_id}][{atributo_id}][{id_atributo_info}][opcional_id]" id="opcional_id_{idiomas_id}_{atributo_id}_{id_atributo_info}" /-->
                                            {lbl}
                                            <div>
                                                {atts}
                                            </div>
                                        </section>
                                        {/opcionais}
                                    </fieldset>
                                </div>
                                {/opcional}
                            </div>





                        </div>

                        <div id="tabs-4">
                            <fieldset>
                                <label>{title_acao}</label>
                                <section>
                                    {fotos}
                                </section>
                                <section>
                                    <label for="imagens_id">{lang_title_imagens_id}</label>
                                    <div>
                                        <input title="{lang_title_imagens_id}" type="file" id="imagens_id" name="imagens_id" value="{imagens_id}" />
                                    </div>
                                </section>

                            </fieldset>
                        </div>

                    </div>

                    <section>
                        <div>
                            <button class="reset">{lang_title_reset}</button>
                            <button class="submit">{lang_title_submit}</button>
                        </div>
                    </section>


                </form>
            </div>
        </section>
        <footer>
            {include_footer_view}
        </footer>
    </body>
</html>